function CSlideShow3(ID) {
    this.Reset = function() {
        tc01.style.opacity='0';
        tc02.style.opacity='0';
        tc03.style.opacity='0';
        tt01.style.opacity='0';
        tt02.style.opacity='0';
        tt03.style.opacity='0';
        img01.style.opacity='0';
        img02.style.opacity='0';
        img03.style.opacity='0';
        limg01.style.boxShadow='0px 0px 0px #333';
        limg02.style.boxShadow='0px 0px 0px #333';
        limg03.style.boxShadow='0px 0px 0px #333';
    }
    this.Image01 = function() {
        content.setAttribute("style","left:-1.5%");
        tc01.style.opacity='1';
        tt01.style.opacity='1';
        img01.style.opacity='1';
        limg01.style.boxShadow='0px 0px 10px #fff';
    }
    this.Image02 = function() {
        content.setAttribute("style","left:-103.5%");
        tc02.style.opacity='1';
        tt02.style.opacity='1';
        img02.style.opacity='1';
        limg02.style.boxShadow='0px 0px 10px #fff';
    }
    this.Image03 = function() {
        content.setAttribute("style","left:-205.5%");
        tc03.style.opacity='1';
        tt03.style.opacity='1';
        img03.style.opacity='1';
        limg03.style.boxShadow='0px 0px 10px #fff';
    }
    this.Slide = function(lp){
        Reset();
        if (lp==1) {Image01();}
        if (lp==2) {Image02();}
        if (lp==3) {Image03();}
        if (lp==4) {this.loop=1;Image01();}
        this.loop+=1;
        setTimeout("Slide(this.loop)", 20000);
    }
    this.ListClick = function(me,img) {
        Reset();
        this.loop=img;
        if (img==1) {Image01();}
        if (img==2) {Image02();}
        if (img==3) {Image03();}
    }
    var loop;
    var content = document.getElementById(ID+"_content");
    var tc01 = document.getElementById(ID+"_tc01");
    var tc02 = document.getElementById(ID+"_tc02");
    var tc03 = document.getElementById(ID+"_tc03");
    var tt01 = document.getElementById(ID+"_tt01");
    var tt02 = document.getElementById(ID+"_tt02");
    var tt03 = document.getElementById(ID+"_tt03");
    var img01 = document.getElementById(ID+"_img01");
    var img02 = document.getElementById(ID+"_img02");
    var img03 = document.getElementById(ID+"_img03");
    var limg01 = document.getElementById(ID+"_list_img01");
    var limg02 = document.getElementById(ID+"_list_img02");
    var limg03 = document.getElementById(ID+"_list_img03");
    this.loop=1;
    this.Slide(this.loop);

}

function Template(ID,T1,L1,I1,D1,T2,L2,I2,D2,T3,L3,I3,D3) {
    document.write("<link rel=\"stylesheet\" href=\"cslideshow3.css\" type=\"text\/css\" media=\"screen, print, handheld\" \/>");
    document.write("<div style=\"width:auto;height:auto\">");
    document.write("    <div id=\"CSlideShow3\">");
    document.write("        <div class=\"CSlideShow3_slide\">");
    document.write("            <div class='CSlideShow3_txt_title' id='"+ID+"_tt01'>"+T1+"<\/div>");
    document.write("            <div class='CSlideShow3_txt_title' id='"+ID+"_tt02'>"+T2+"<\/div>");
    document.write("            <div class='CSlideShow3_txt_title' id='"+ID+"_tt03'>"+T3+"<\/div>");
    document.write("            <ul class=\"CSlideShow3_content\" id=\""+ID+"_content\">");
    document.write("                <li><a href=\""+L1+"\"><img id='"+ID+"_img01' src=\""+I1+"\"\/><\/a><\/li>");
    document.write("                <li><a href=\""+L2+"\"><img id='"+ID+"_img02' src=\""+I2+"\"\/><\/a><\/li>");
    document.write("                <li><a href=\""+L3+"\"><img id='"+ID+"_img03' src=\""+I3+"\"\/><\/a><\/li>");
    document.write("            <\/ul>");
    document.write("            <div class='CSlideShow3_txt_content' id='"+ID+"_tc01'>"+D1+"<\/div>");
    document.write("            <div class='CSlideShow3_txt_content' id='"+ID+"_tc02'>"+D2+"<\/div>");
    document.write("            <div class='CSlideShow3_txt_content' id='"+ID+"_tc03'>"+D3+"<\/div>");
    document.write("        <\/div>      ");
    document.write("        <div class=\"CSlideShow3_block_list\">");
    document.write("            <ul>");
    document.write("                <li><img id='"+ID+"_list_img01' onClick='ListClick(this,1)' src=\""+I1+"\" title=\""+T1+"\" \/><\/li>");
    document.write("                <li><img id='"+ID+"_list_img02' onClick='ListClick(this,2)' src=\""+I2+"\" title=\""+T2+"\" \/><\/li>");
    document.write("                <li><img id='"+ID+"_list_img03' onClick='ListClick(this,3)' src=\""+I3+"\" title=\""+T3+"\" \/><\/li>");
    document.write("            <\/ul>");
    document.write("        <\/div>");
    document.write("    <\/div>");
    document.write("<\/div>");
    document.write("&nbsp;<br\/>");
    document.write("");
}

